﻿@{
    ViewBag.Title = "Meediainspektor";
}

@section scripts {
    @Scripts.Render("~/bundles/dashboard")
    @Styles.Render("~/bundles/dashboardContent")
}

<script type="text/javascript">
    var feeds = @Html.Raw(Json.Encode(ViewBag.Feeds));
    var parties = @Html.Raw(Json.Encode(ViewBag.Parties));
    var feedParties = @Html.Raw(Json.Encode(ViewBag.FeedParties));
    var feedStatistics = @Html.Raw(Json.Encode(ViewBag.FeedStatistics));
    var partyMembers = @Html.Raw(Json.Encode(ViewBag.PartyMembers));
    var memberMentions = @Html.Raw(Json.Encode(ViewBag.MemberMentions));
</script>

<body>

    <script>
        (function(d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&appId=118349008270517&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>

    <div class="navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <a class="navbar-brand">Meediainspektor</a>
            </div>
        </div>
    </div>

    <div class="container-fluid">

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box intro-box">
                <h3>Meediainspektor</h3>
                <p class="box-text">Alates 2015. aastast kogub meediainspektor erinevate Eesti uudisteportaalide artikleid ning uurib nende poliitilist sisu.</br>Saadud tulemused toob ta välja alljärgneval lehel.</p>
                <table class="sponsors-table" style="width:100%">
                    <tr>
                        <td><img class="sponsor-image" src="@Url.Content("~/Content/images/eki.png")" alt="Eesti Keele Instituut" title="Eesti Keele Instituut"></td>
                        <td><img class="sponsor-image" src="@Url.Content("~/Content/images/ut.png")" alt="Tartu Ülikool" title="Tartu Ülikool"></td>
                        <td><img class="sponsor-image" src="@Url.Content("~/Content/images/itac.png")" alt="IT Akadeemia" title="IT Akadeemia"></td>
                    </tr>
                </table>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box party-box">
                <h3>Erakondade kajastatus meedias</h3>
                <p class="box-text">Kui palju on erakondi sel kuul (eelmisel kuul) uudistes mainitud?</p>
                <table style="width:100%" id="comparisonTable">
                    <tr>
                        <td class="table-title">Erakond</td>
                        <td class="table-title">Mainimisi kokku</td>
                        <td class="table-title red">Negatiivseid</td>
                        <td class="table-title green">Positiivseid</td>
                    </tr>
                    <tr id="EestiReformierakond">
                        <td><img src="@Url.Content("~/Content/images/reform_color.svg")" alt=" reformierakond" title="Reformierakond"></td>
                    </tr>
                    <tr id="EestiKeskerakond">
                        <td><img src="@Url.Content("~/Content/images/kesk_color.svg")" alt="Keskerakond" title="Keskerakond"></td>
                    </tr>
                    <tr id="ErakondIsamaajaResPublicaLiit">
                        <td><img src="@Url.Content("~/Content/images/irl_color.svg")" alt="Isamaa ja Res Publica Liit" title="Isamaa ja Res Publica Liit"></td>
                    </tr>
                    <tr id="SotsiaaldemokraatlikErakond">
                        <td><img src="@Url.Content("~/Content/images/sde_color.svg")" alt="Sotsiaaldemokraatlik Erakond" title="Sotsiaaldemokraatlik Erakond"></td>
                    </tr>
                    <tr id="ErakondEestimaaRohelised">
                        <td><img src="@Url.Content("~/Content/images/rohelised_color.svg")" alt="Eestimaa Rohelised" title="Eestimaa Rohelised"></td>
                    </tr>
                </table>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box channel-box">
                <h3>Meediakanalite poliitiline meelestatus</h3>
                <p class="box-text">Milliseid erakondi kajastatakse valdavalt negatiivselt, milliseid valdavalt neutraalselt ja milliseid valdavalt positiivselt? <span class="additional-text-link" id="text-link-1">Loe lisa...</span></p>
                <p class="additional-text" id="text-1">Meelestatuse hindamiseks on igale artiklile määratud emotsioon (positiivne, negatiivne või neutraalne). Selleks kasutatakse  <a href="http://peeter.eki.ee:5000/valence/">EKI Emotsioonidetektorit</a>, millega analüüsitakse nende pealkirju ja juhtlõike. Alltoodud tabelis lahterdatakse erakonnad vastavalt neid kajastanud artiklite meelestatuse mediaanväärtusele.</p>

                <table id="sentimentTableMedian" style="width:100%">
                    <tr>
                        <td class="table-title">Väljaanne</td>
                        <td class="red table-title">Negatiivne</td>
                        <td class="gray table-title">Neutraalne</td>
                        <td class="green table-title">Positiivne</td>
                    </tr>

                    <tr id="Postimees">
                        <td><img src="@Url.Content("~/Content/images/pm.svg")" alt="Postimees" title="Postimees"></td>
                    </tr>
                    <tr id="Delfi">
                        <td><img src="@Url.Content("~/Content/images/delfi.svg")" alt="Delfi" title="Delfi"></td>
                    </tr>
                    <tr id="EestiPäevaleht">
                        <td><img src="@Url.Content("~/Content/images/epl.svg")" alt="Eesti Päevaleht" title="Eesti Päevaleht"></td>
                    </tr>
                    <tr id="Pealinn">
                        <td><img src="@Url.Content("~/Content/images/pealinn.svg")" alt="Pealinn" title="Pealinn"></td>
                    </tr>
                    <tr id="Äripäev">
                        <td><img src="@Url.Content("~/Content/images/aripaev.svg")" alt="Äripäev" title="Äripäev"></td>
                    </tr>
                    <tr id="Õhtuleht">
                        <td><img src="@Url.Content("~/Content/images/ohtuleht.svg")" alt="Õhtuleht" title="Õhtuleht"></td>
                    </tr>
                    <tr id="EestiEkspress">
                        <td><img src="@Url.Content("~/Content/images/ee.svg")" alt="Eesti Ekspress" title="Eesti Ekspress"></td>
                    </tr>
                    <tr id="ERRUudised">
                        <td><img src="@Url.Content("~/Content/images/err.svg")" alt="ERR Uudised" title="ERR Uudised"></td>
                    </tr>
                </table>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box channel-box">
                <h3>Meelestatuse osakaalude võrdlus</h3>
                <p class="box-text">Millisel erakonnal on suurim positiivsete, millisel neutraalsete, millisel negatiivsete artiklite osakaal? <span class="additional-text-link" id="text-link-2">Loe lisa...</span></p>
                <p class="additional-text" id="text-2">Meelestatuse hindamiseks on igale artiklile määratud emotsioon (positiivne, negatiivne või neutraalne). Selleks kasutatakse  <a href="http://peeter.eki.ee:5000/valence/">EKI Emotsioonidetektorit</a>, millega analüüsitakse nende pealkirju ja juhtlõike. Saadud tulemuste põhjal leitakse iga erakonna jaoks selle erakonna kohta ilmunud positiivsete, negatiivsete ja neutraalsete artiklite osakaalud. Tabelis kajastatakse erakond, mille vastav meelestatuse osakaal on teiste erakondadega võrreldes suurim. </p>

                <table id="sentimentTable" style="width:100%">
                    <tr>
                        <td class="table-title">Väljaanne</td>
                        <td class="red table-title">Suurim negatiivsete osakaal</td>
                        <td class="gray table-title">Suurim neutraalsete osakaal</td>
                        <td class="green table-title">Suurim positiivsete osakaal</td>
                    </tr>

                    <tr id="Postimees">
                        <td><img src="@Url.Content("~/Content/images/pm.svg")" alt="Postimees" title="Postimees"></td>
                    </tr>
                    <tr id="Delfi">
                        <td><img src="@Url.Content("~/Content/images/delfi.svg")" alt="Delfi" title="Delfi"></td>
                    </tr>
                    <tr id="EestiPäevaleht">
                        <td><img src="@Url.Content("~/Content/images/epl.svg")" alt="Eesti Päevaleht" title="Eesti Päevaleht"></td>
                    </tr>
                    <tr id="Pealinn">
                        <td><img src="@Url.Content("~/Content/images/pealinn.svg")" alt="Pealinn" title="Pealinn"></td>
                    </tr>
                    <tr id="Äripäev">
                        <td><img src="@Url.Content("~/Content/images/aripaev.svg")" alt="Äripäev" title="Äripäev"></td>
                    </tr>
                    <tr id="Õhtuleht">
                        <td><img src="@Url.Content("~/Content/images/ohtuleht.svg")" alt="Õhtuleht" title="Õhtuleht"></td>
                    </tr>
                    <tr id="EestiEkspress">
                        <td><img src="@Url.Content("~/Content/images/ee.svg")" alt="Eesti Ekspress" title="Eesti Ekspress"></td>
                    </tr>
                    <tr id="ERRUudised">
                        <td><img src="@Url.Content("~/Content/images/err.svg")" alt="ERR Uudised" title="ERR Uudised"></td>
                    </tr>
                </table>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box politicians-box">
                <h3>Poliitikute sõnapilv</h3>
                <p class="box-text">Missuguseid poliitikuid kajastatakse artiklites kõige enam?</p>
                <div class="wordcloud-div">
                    <canvas id="members-wordcloud" width="1000px" height="400px"></canvas>
                </div>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box mentionings-box">
                <h3>Erakondade mainimised meedias</h3>
                <p class="box-text">Kui palju kajastatakse erakondi uudisteportaalide lõikes?</p>
                <table class="legend-table">
                    <tr>
                        <td><i class="p-icon-reform-small reform-blue" title="Eesti Reformierakond"></i></td>
                        <td><i class="p-icon-kesk-small kesk-green" title="Eesti Keskerakond"></i></td>
                        <td><i class="p-icon-irl-small irl-orange" title="Erakond Isamaa ja Res Publica Liit"></i></td>
                        <td><i class="p-icon-sde-small sde-red" title="Sotsiaaldemokraatlik Erakond"></i></td>
                        <td><i class="p-icon-rohe-small rohe-green" title="Erakond Eestimaa Rohelised"></i></td>
                    </tr>
                </table>
                <div class="radars container-fluid">
                    <div class="row">
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/pm.svg")" alt="Postimees">
                            <canvas id="postimees-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/delfi.svg")" alt="Delfi">
                            <canvas id="delfi-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/epl.svg")" alt="Eesti Päevaleht">
                            <canvas id="epl-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/pealinn.svg")" alt="Pealinn">
                            <canvas id="pealinn-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/aripaev.svg")" alt="Äripäev">
                            <canvas id="aripaev-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/ohtuleht.svg")" alt="Õhtuleht">
                            <canvas id="ohtuleht-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/ee.svg")" alt="Eesti Ekspress">
                            <canvas id="ekspress-radar" width="200px" height="200px"></canvas>
                        </div>
                        <div class="col-sm-6">
                            <img class="chart-label" src="@Url.Content("~/Content/images/err.svg")" alt="ERR Uudised">
                            <canvas id="err-radar" width="200px" height="200px"></canvas>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>

        <div class="row center">
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
            <div class="col-sm-10 col-md-8 col-lg-6 box mentionings-box">
                <h3>Andmete kogumine ja analüüs</h3>
                <p class="box-text bothsides">Analüüsitavad andmed saadakse meediaväljaannete RSS uudisvoogudest ning need talletatakse relatsioonandmebaasis, mida uuendatakse iga kahe tunni tagant. Selle käigus filtreeritakse välja poliitilised artiklid, milles mainitakse kas erakonna nime, sellega seotud märksõna või erakonna juhatuse liikme nime. Iga poliitiline artikkel seostatakse kõigi selles artiklis mainitud erakondadega.</br>Poliitilistele artiklite pealkirjadele ja juhtlõikudele tehakse meelestatuse analüüs, kasutades selleks <a href="http://peeter.eki.ee:5000/valence/">EKI Emotsioonidetektorit</a>. Meelestatuse analüüsi tulemusena liigitatakse artikkel positiivseks, negatiivseks või neutraalseks.
                </br>
                <div id="fb-root"></div>
                <div class="fb-like" data-href="https://www.facebook.com/meediavalvur" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
            </div>
            <div class="col-sm-1 col-md-2 col-lg-3"></div>
        </div>
    </div>
    <footer>
        <p>Kõik logod kuuluvad vastavatele väljaannetele ning erakondadele.</p>
        <p>Projekt on tehtud Tartu Ülikoolis loetava aine tarbeks ning ei teeni mingit muud eesmärki.</p>
        <p>Autorid: <span class="bold">Jaanus Jaggo</span>, <span class="bold">Liis Kolberg</span> ja <span class="bold">Oliver Viljamaa</span></p>
        <p>2015</p>
    </footer>
</body>
</html>